.style {
  display: inline-block;
  padding-left: 40px;
  min-height: 52px;
  vertical-align: middle;
  width: 100%;
  &.ishit {
    .light {
      background: @test-hit-light-bg;
    }
    .top_tag {
      background: @test-hit-bg;
    }
  }
  .top {
    position: relative;
    line-height: 24px;
    padding-bottom: 4px;
    display: flex;
    min-height: 24px;
    &_tag {
      color: #fff;
      padding: 0 10px;
      border-radius: 3px;
      margin-right: 5px;
      white-space: nowrap;
      background: @test-not-hit-bg;
    }
    &::after {
      content: '';
      width: 20px;
      height: 50%;
      border-left: 1px dashed @color-light-5;
      border-top: 1px dashed @color-light-5;
      position: absolute;
      left: -25px;
      bottom: 0;
    }
  }
  .light {
    background: @test-not-hit-light-bg;
    padding: 0 5px;
  }
  .bottom {
    position: relative;
    line-height: 24px;
    min-height: 24px;
    &::after {
      content: '';
      width: 20px;
      height: 50%;
      border-left: 1px dashed @color-light-4;
      border-bottom: 1px dashed @color-light-4;
      position: absolute;
      left: -25px;
      top: 0;
    }
  }
}
